<%@ page contentType="text/html;charset=UTF-8" language="java"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>${blog.title}</title>
<link rel="shortcut icon"
	href="${pageContext.request.contextPath}/images/favicon.ico">
<meta name="keywords" content="${blog.keyword}" />
<meta name="description" content="${blog.introduction}" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="${pageContext.request.contextPath}/css/github-gist.css"
	rel="stylesheet">
<link href="${pageContext.request.contextPath}/css/bootstrap.min.css"
	rel="stylesheet">
<link href="${pageContext.request.contextPath}/css/base.css"
	rel="stylesheet">
<link href="${pageContext.request.contextPath}/css/index.css"
	rel="stylesheet">
<link href="${pageContext.request.contextPath}/css/font-awesome.css"
	rel="stylesheet">
<link href="${pageContext.request.contextPath}/css/animate.css"
	rel="stylesheet">
</head>
<body
	style="background:url(${pageContext.request.contextPath}/images/bj.png) repeat top left scroll">
	<%@ include file="top.jsp"%>
	<article>
		<div class="tool-box">
			<!-- 分享： -->
			<ul>
				<li><a title="点赞" style="" href="#cyEmoji"><i
						class="fa fa-thumbs-up"></i><br>点赞</a></li>
				<li><a title="评论" style="" href="#news_pl"><i
						class="fa fa-commenting"></i><br>评论</a></li>
				<li><script type="text/javascript">
					(function(){
					var p = {
					url:location.href, /*获取URL，可加上来自分享到QQ标识，方便统计*/
					desc:'', /*分享理由(风格应模拟用户对话),支持多分享语随机展现（使用|分隔）*/
					title:'${blog.title}', /*分享标题(可选)*/
					summary:'${blog.introduction}', /*分享摘要(可选)*/
					pics:'${blog.images}', /*分享图片(可选)*/
					flash: '', /*视频地址(可选)*/
					site:'罗廷方个人网站', /*分享来源(可选) 如：QQ分享*/
					style:'201',
					width:35,
					height:35
					};
					var s = [];
					for(var i in p){
					s.push(i + '=' + encodeURIComponent(p[i]||''));
					}
					document.write(['<a title="分享到QQ" style="" href="http://connect.qq.com/widget/shareqq/index.html?',s.join('&'),'" target="_blank"><i class="fa fa-qq"></i><br>QQ</a>'].join(''));
					})();
				</script> <script src="http://connect.qq.com/widget/loader/loader.js"
						widget="shareqq" charset="utf-8"></script></li>
				<li><script type="text/javascript">
					(function(){
					var p = {
					url:location.href,
					showcount:'1',/*是否显示分享总数,显示：'1'，不显示：'0' */
					desc:'',/*默认分享理由(可选)*/
					summary:'${blog.introduction}',/*分享摘要(可选)*/
					title:'${blog.title}', /*分享标题(可选)*/
					site:'罗廷方个人网站',/*分享来源 如：腾讯网(可选)*/
					pics:'${blog.images}', /*分享图片的路径(可选)*/
					style:'201',
					width:113,
					height:39
					};
					var s = [];
					for(var i in p){
					s.push(i + '=' + encodeURIComponent(p[i]||''));
					}
					
					document.write(['<a title="分享到空间" version="1.0" style="" href="http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?',s.join('&'),'" target="_blank"><i class="fa fa-star"></i><br>空间</a>'].join(''));
					})();
				</script> <script
						src="http://qzonestyle.gtimg.cn/qzone/app/qzlike/qzopensl.js#jsdate=20111201"
						charset="utf-8"></script></li>
				<li><script type="text/javascript">
					(function(){
					var p = {
					url:location.href,
					title:'${blog.title}', /*分享标题(可选)*/
					pic:'${blog.images}', /*分享图片的路径(可选)*/
					};
					var s = [];
					for(var i in p){
					s.push(i + '=' + encodeURIComponent(p[i]||''));
					}
					document.write(['<a title="分享到微博"  style="" href="http://service.weibo.com/share/share.php?',s.join('&'),'" target="_blank"><i class="fa fa-weibo"></i><br>微博</a>'].join(''));
					})();
				</script></li>
			</ul>
		</div>
		<div class="leftbox">
			<div class="infos">
				<div class="newsview ">
					<h2 class="intitle">
						您现在的位置是：<a href="/">网站首页</a>&nbsp;&gt;&nbsp;<a href="/">技术专栏</a>
					</h2>
					<c:choose>
						<c:when test="${status== '0' || status== '500'}">
							<h1 style="font-size:110px;text-align:center;margin:20px;">404</h1>
							<h3 style="text-align:center;" class="font-bold">抱歉，你所访问的页面不存在~</h3>
							<h4 style="margin-top:55px;text-align:center;">
								<a
									style="background-color: #676a6c;padding: 5px 10px;color: #fff;border-radius: 10px;"
									href="${pageContext.request.contextPath}/index.jsp">去首页</a>
							</h4>
						</c:when>
						<c:otherwise>
							<h3 class="news_title animated fadeIn">${blog.title}</h3>
							<input class="id" type="hidden" value="${blog.id}">
							<div class="news_author animated fadeIn">
								<span class="au01 ">罗廷方</span><span class="au02"> <input
									class="addtime" type="hidden" value="${blog.addtime}"></span><span
									class="au03">共<b>${blog.clicknum}</b>人围观
								</span>
							</div>
							<input class="typeId" type="hidden" value="${blog.type.id}">
							<div class="tags animated fadeIn">
								<input class="tag" type="hidden" value="${blog.keyword}">
							</div>
							<div class="news_about animated fadeIn">
								<strong>简介</strong>${blog.introduction}</div>
							<div class="news_infos animated fadeIn">${blog.content}</div>
						</c:otherwise>
					</c:choose>
				</div>
				<div class="ds" style="text-align: center;opacity:0">
					<div id="cyReward" role="cylabs" data-use="reward"></div>
				</div>
			</div>
			<div class="nextinfo animated fadeIn">
				<p>
					上一篇：<span class="pre"></span>
				</p>
				<p>
					下一篇：<span class="next"></span>
				</p>
			</div>
			<div class="otherlink animated fadeIn">
				<h2>相关文章</h2>
				<ul>

				</ul>
			</div>
			<div class="news_pl " id="news_pl">
				<h2>文章评论</h2>
				<div style="width:90%;margin: 0 auto;">
					<div id="cyEmoji" role="cylabs" data-use="emoji" sid="${blog.id }"></div>
					<!--PC和WAP自适应版-->
					<div id="SOHUCS" sid="${blog.id }"></div>
				</div>
			</div>
			
		</div>
		<div class="rightbox  ">

			<div class="dianji paihang ">
				<h2 class="cloud_hometitle" style="padding-top: 15px;">本栏推荐</h2>
				<ul class="like " style="padding:0px">

				</ul>
			</div>
			<div class="dj dianji paihang animated fadeInUp"
				style="display:none;animation-delay:0.3s">
				<h2 class="cloud_hometitle">点击排行</h2>
				<ul class="click" style="padding:0px">

				</ul>

			</div>
			<script type="text/javascript" charset="utf-8"
				src="http://changyan.sohu.com/js/changyan.labs.https.js?appid=cytzg9rLH"></script>
			<div class="fixed-menu-list animated fadeInUp">
				<div class="sidebar-nav-toc">文章目录</div>
				<div class="post-toc">
					<div class="post-toc-content">
						<ol class="nav1">

						</ol>
					</div>
				</div>
			</div>
		</div>
		
		<a href="#" class="top cd-top animated ">Top</a>
	</article>

	<%@ include file="fonter.jsp"%>
	<script src="${pageContext.request.contextPath}/js/jquery.min.js"></script>
	<script src="${pageContext.request.contextPath}/js/page/info.min.js"></script>
	<script src="${pageContext.request.contextPath}/js/highlight.pack.js"></script>
	<script>hljs.initHighlightingOnLoad();</script>
	<script src="${pageContext.request.contextPath}/js/bootstrap.min.js"></script>
	<script src="${pageContext.request.contextPath}/js/layer/layer.js"></script>
</body>
</html>
